$(document).ready(function(){
	
	//Inicialização das mêscaras dos campos.
	$("#inputDataNascimento").mask("99/99/9999");
	$("#inputDataInicioOcupacao").mask("99/99/9999");
	$("#inputDataFimOcupacao").mask("99/99/9999");
	
	
	//Adicionar linhas de dependentes na tabela.
	$("#btnAdicionarDependente").click(function(){
       	var tr = $('<tr></tr>'); 
          	
     	var tdNome = $('<td>'+$('#inputNomeDependente').val()+'</td>').attr('id','nomeDependente');
     	tdNome.appendTo(tr);
     	
     	var tdRelacaoParentesco = $('<td>'+$('#inputRelacaoParentesco').val()+'</td>').attr('id','relacaoParentescoDependente');
     	tdRelacaoParentesco.appendTo(tr);
     	
     	var tdDataNascimento = $('<td>'+$('#inputDataNascimento').val()+'</td>').attr('id','dataNascimentoDependente');
     	tdDataNascimento.appendTo(tr);
     	
     	var tdOcupacao = $('<td>'+$('#inputOcupacao').val()+'</td>').attr('id','ocupacaoDependente');
     	tdOcupacao.appendTo(tr);
     	
     	var tdDataInicioOcupacao = $('<td>'+$('#inputDataInicioOcupacao').val()+'</td>').attr('id','dataInicioOcupacao');
     	tdDataInicioOcupacao.appendTo(tr);
     	
     	var tdDataFimOcupacao = $('<td>'+$('#inputDataFimOcupacao').val()+'</td>').attr('id','dataFimOcupacao');
     	tdDataFimOcupacao.appendTo(tr);
     	
     	var tdRemoverDependente = $('<td></td>').attr('id','remocao');
     	var linkRemoverDependente = $('<a href="#" class="linkRemoverDependente"></a>');
     	var imgRemoverDependente = $('<img class="imgRemoverDependente" alt="Remover dependente" />');
     	imgRemoverDependente.attr('src','../../resources/assets/_layout/images/icons/excluir.png' );
     	imgRemoverDependente.appendTo(linkRemoverDependente);
     	linkRemoverDependente.appendTo(tdRemoverDependente);     	
     	tdRemoverDependente.appendTo(tr);
     	
     	tr.appendTo("#tabelaDependentes");
	});
	
	
	$(".linkRemoverDependente").click(function(){
		$(this).parent().parent().remove();
	});
	
		
	
	//Fun��o para salvar a lista de dependentes de um titular.
	$("#btnSalvarDependentes").click(function(){		
		var jsonDependente = {};
		var arrayJson = [];
		
		//Array de objetos(dependentes) para cada linha da tabela.
		 $('#tabelaDependentes tbody tr').each(function(i, linha) {
			 
			 arrayJson.push(
					 {
						 nome:$(linha).children('#nomeDependente').text(),
						 relacaoParentesco:$(linha).children('#relacaoParentescoDependente').text(),
						 ocupacao:$(linha).children('#ocupacaoDependente').text(),
						 dataNascimento:$(linha).children('#dataNascimentoDependente').text(),
						 dataInicioOcupacao:$(linha).children('#dataInicioOcupacao').text(),
						 dataFImOcupacao:$(linha).children('#dataFimOcupacao').text()
						 });
					
	     });		
		
		//JSON com id do titular e um array de dependentes.
		jsonDependente.idTitular = $("#idTitular").val();		
		jsonDependente.jsonDependenteIncluir = arrayJson;
		var json = JSON.stringify(jsonDependente);
		//Requisição AJAX passando o JSON.
		$.ajax({
			   url: '../pessoa/incluir-dependentes/',
			   type: 'POST',
			   contentType: 'application/json',
			   data: json,
			   dataType: 'json',
			   success: function (response){
				   var url = "../../pessoas";
				   location.href = url;
			   }
			});
		
	});	
	
});